<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
	<HEAD>
		<META CONTENT="text/html; charset=UTF-8" HTTP-EQUIV="Content-Type">
		<TITLE>PI.JS > environment.getValue</TITLE>
		<LINK HREF="../../../../../inc/template.css" REL="stylesheet">
		<LINK HREF="../../../../../inc/template.css" REL="stylesheet">
		<SCRIPT SRC="../../../../../source/pi.1.1.1.js" TYPE="text/javascript"></SCRIPT>
		<SCRIPT SRC="../../../../../inc/template.js" TYPE="text/javascript"></SCRIPT>
		<LINK HREF="../../../../../inc/sh/SyntaxHighlighter.css" TYPE="text/css" REL="stylesheet">
		<SCRIPT SRC="../../../../../inc/sh/shCore.js" LANGUAGE="javascript"></SCRIPT>
		<SCRIPT SRC="../../../../../inc/sh/shBrushJScript.js" LANGUAGE="javascript"></SCRIPT>
		<SCRIPT SRC="../../../../../inc/sh/shBrushCss.js" LANGUAGE="javascript"></SCRIPT>
		<SCRIPT SRC="../../../../../inc/sh/shBrushXml.js" LANGUAGE="javascript"></SCRIPT>
		<SCRIPT SRC="../../../../../inc/sh/shBrushPhp.js" LANGUAGE="javascript"></SCRIPT>
		<SCRIPT SRC="../../../../../inc/sh/shBrushPython.js" LANGUAGE="javascript"></SCRIPT>
	</HEAD>
	<BODY>
		<A HREF="/" ID="header" CLASS="Header">
			<EM></EM>
		</A>
		<DIV CLASS="Index">
			<DIV ID="indexContainer" CLASS="ListContainer">
				<A HREF="../../../../../index.html" CLASS="Button "><EM>About Pi</EM></A>
				<A HREF="../../../../../pages/Downloads" CLASS="Button "><EM>Downloads</EM></A>
				<A HREF="../../../../../documentation/index.html" CLASS="Button SelectedButton"><EM>Documentation</EM></A>
				<DIV CLASS="SubNavigation">
					<DIV>
						<H2 CLASS="Title">Essential Documents</H2>
						<UL>
							<LI>
								<A STYLE="" HREF="../../../../../documentation/essential/Getting Started to pi.js/">Getting Started to pi.js</A>
							</LI><LI>
								<A STYLE="" HREF="../../../../../documentation/essential/Object Oriented Programming with pi.js/">Object Oriented Programming with pi.js</A>
							</LI>
						</UL>
					</DIV><DIV>
						<H2 CLASS="Title">Reference</H2>
						<UL>
							<LI>
								<A STYLE="" HREF="../../../../../documentation/env/pi.env/">pi.env</A>
							</LI><LI>
								<A STYLE="" HREF="../../../../../documentation/get/pi.get/">pi.get</A>
							</LI><LI>
								<A STYLE="font-weight:bold" HREF="../../../../../documentation/util/pi.util/">pi.util</A>
								<UL>
									<LI>
										<A HREF="../../../../../documentation/util/pi.util.Array/">pi.util.Array</A>
									</LI><LI>
										<A HREF="../../../../../documentation/util/pi.util.Element/">pi.util.Element</A>
									</LI><LI>
										<A HREF="../../../../../documentation/util/pi.util.Hash/">pi.util.Hash</A>
									</LI><LI>
										<A HREF="../../../../../documentation/util/pi.util.Number/">pi.util.Number</A>
									</LI><LI>
										<A HREF="../../../../../documentation/util/pi.util.String/">pi.util.String</A>
									</LI>
								</UL>
							</LI><LI>
								<A STYLE="" HREF="../../../../../documentation/base/pi.base/">pi.base</A>
							</LI><LI>
								<A STYLE="" HREF="../../../../../documentation/element/pi.element/">pi.element</A>
							</LI><LI>
								<A STYLE="" HREF="../../../../../documentation/xhr/pi.xhr/">pi.xhr</A>
							</LI><LI>
								<SPAN STYLE="font-weight:bold">Native Objects</SPAN>
								<UL>
									<LI>
										<A HREF="../../../../../documentation/Native Objects/Array/">Array</A>
									</LI><LI>
										<A HREF="../../../../../documentation/Native Objects/Function/">Function</A>
									</LI><LI>
										<A HREF="../../../../../documentation/Native Objects/Number/">Number</A>
									</LI><LI>
										<A HREF="../../../../../documentation/Native Objects/String/">String</A>
									</LI>
								</UL>
							</LI><LI>
								<SPAN STYLE="font-weight:bold">Plugins</SPAN>
								<UL>
									<LI>
										<A HREF="../../../../../documentation/plugin/pi.comet/">pi.comet</A>
									</LI><LI>
										<SPAN>pi.cache</SPAN>
									</LI><LI>
										<SPAN>pi.layer</SPAN>
									</LI><LI>
										<A HREF="../../../../../documentation/plugin/pi.storage/">pi.storage</A>
									</LI><LI>
										<SPAN>pi.win</SPAN>
									</LI>
								</UL>
							</LI>
						</UL>
					</DIV>
				</DIV>
				<A HREF="../../../../../pages/Plugins" CLASS="Button "><EM>Plugins</EM></A>
				<A HREF="http://groups.google.com/group/pi-js" CLASS="Button"><EM>Developer Forum</EM></A>
				<A HREF="http://code.google.com/p/pi-js/issues/list" CLASS="Button"><EM>Issues</EM></A>
			</DIV>
		</DIV>
		<!-- <h3 class="ContentNav" id="contentTitle">
			<div>
				<a class="Sel">index.html</a>
			</div>
		</h3>-->
		<DIV ID="documentationContent" CLASS="Content">
			<DIV CLASS="Pad">
				<H1 CLASS="Name"><SPAN>pi.element.</SPAN>environment.getValue</H1>
				<DIV CLASS="ParentLink">&lt; <A HREF="../../">pi.element</A></DIV>
				<DIV>
				<H2 CLASS="Title">Summary</H2>
				Returns value of the given element.Input ve Textarea elementlerinin value attribute'unu, Select elementlerin secili option'inin degerini, geri kalanlarda innerHTML degerini dondurur.
				</DIV>
				<DIV>
				<H2 CLASS="Title">Syntax</H2>
				<CODE><EM>element</EM>.environment.getValue(<EM>element</EM>);</CODE>
				</DIV>
				<DIV CLASS="Text">
					<H2 CLASS="Title">Usage Example</H2>
<PRE NAME="code" CLASS="js">
>>> pi.util.Element.getValue(username);
"angelinaJolie"
</PRE>
				</DIV>
				<DIV CLASS="Block">
					<H1>Examples</H1>
					<DIV CLASS="Example">
						<H1>Example #1: Create a form that contains input, textarea and select elements and print contents of these elements when user click to a button.</H1>
							<DIV CLASS="View">
								<DIV ID="form"></DIV>
<HR>
<DIV ID="container"></DIV>
<SCRIPT SRC="../../getValue.js" TYPE="text/javascript"></SCRIPT>
							</DIV>
							<H2>Source files of the above example:</H2>
							<DIV>
								<H3>../../getValue.html</H3>
								<PRE NAME="code" CLASS="html">&lt;div id="form">&lt;/div>
&lt;hr />
&lt;div id="container">&lt;/div>
</PRE>
							</DIV><DIV>
								<H3>../../getValue.js</H3>
								<PRE NAME="code" CLASS="js">var name,message,color;

function get(){
	pi.get("container").innerHTML = [
		name.environment.getValue(),
		message.environment.getValue(),
		color.environment.getValue(),
	].join("&lt;br />");
};

pi.util.Init.push(function(){
	name = new pi.element("input").insertAfter(
		new pi.element("label").update("Name:").insert(pi.get("form"))
	);
	
	new pi.element("BR").insertAfter(name);
	
	message = new pi.element("textarea").insertAfter(
		new pi.element("label").update("Message:").insert(pi.get("form"))
	);
	
	new pi.element("BR").insertAfter(message);
	
	color = new pi.element("select").child.add(
		new pi.element("option").attribute.set("value","RED").update("Red"),
		new pi.element("option").attribute.set("value","Green").update("Green"),
		new pi.element("option").attribute.set("value","Blue").update("Blue")
	).insertAfter(
		new pi.element("label").update("Color:").insert(pi.get("form"))
	);
	
	new pi.element("BR").insertBefore(
		new pi.element("button").event.addListener("click",get).update("Get Values").insertAfter(color)
	);
});</PRE>
							</DIV>
					</DIV>
				</DIV>
				<DIV>
				<H2 CLASS="Title">See Also</H2>
				<UL>
					<LI>
						<A HREF="../../../../../documentation/util/pi.util.Element/Methods/getValue/">util.Element.getValue</A>
					</LI>
				</UL>
				</DIV>
			</DIV>
		</DIV>
		<DIV CLASS="Clean"></DIV>
	</BODY> 
</HTML>